.editor_main {
  flex: 1;
  overflow: hidden;
  height: calc(100% - 64px);

  .for-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    user-select: none;

    .for-editor {
      flex: 1;
      height: calc(100% - 64px);
      display: flex;
      justify-content: space-between;
      flex-wrap: nowrap;
    }
  }
}

.editor_drawer {
  .ant-drawer-body {
    flex: 1;
    overflow: auto;

    .editor_drawer_list {
      display: flex;
      align-items: center;

      >span {
        padding-right: 16px;
      }

      >div {
        flex: 1;
      }
    }

    .editor_drawer_list+.editor_drawer_list {
      margin-top: 16px;
    }
  }
  .ant-input-affix-wrapper{
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: #000;
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
    display: inline-flex;

  }
  .ant-drawer-content {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
  }

  .ant-drawer-header {
    position: relative;
    padding: 16px 24px;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0;
  }

  .ant-drawer-body {
    flex-grow: 1;
    overflow: auto;
    padding: 24px;
    font-size: 14px;
    line-height: 1.5715;
    word-wrap: break-word;
  }
}
